<template>
  <el-row class="news-component" :gutter="10">
    <el-col class="news-content" :lg="24">
    <el-col>
       <p class="news-title"> 安徽萃智信息科技有限公司新闻公告一</p>
       <p class="news-msg"><span>来源: 萃智信息技术</span> <span>时间：2020-07-05 08:00</span> <span><i class="el-icon-view"></i>2000</span></p>
        <p class="news-content"></p>
        <div class="news-link">
            <span>上一篇：网络流量计数</span>
            <span>下一篇：网络力量分析</span>
        </div>
    </el-col>
    </el-col>
  </el-row>
</template>
<script>
import store from "../../store";
export default {
  name: "news",
  props: {
      newsId:Number,
    // title: String,
    // option: Array,
    // formData: Object,
    // isEdit: {
    //   type: Boolean,
    //   default: false,
    // },
  },

  mounted(){
console.log(this.$parent)
  },
  data() {
    return {
      value: 5,
      fm1: require("@/assets/index/fm1.png"),
      fm2: require("@/assets/index/fm2.png"),
      collection: require("@/assets/index/collection.png"),
      liulan: require("@/assets/index/liulan.png"),
      pinglun: require("@/assets/index/pinglun.png"),
      bg1: require("@/assets/index/bg_ziyuantongji.png"),
      bg2: require("@/assets/index/bg_yinxiang.png"),
      dw: require("@/assets/index/download.png"),
      icon: require("@/assets/index/record.png"),
      activeName: "first",
      name: "first",
      type: "first",
      activeIndex: 0,
      intnum: undefined,
    }
  },
   watch: {
    newsId: {
      immediate: true,
      handler(val) {
        this.newsId = val;
      },
    },
  },
  methods: {
    select(index) {
      this.active = index;
    },
    link() {
      this.$parent.select(4);
      // this.componentName.name='Reading'
    },
  },
};
</script>
<style lang="scss" scoped>
.news-component{
    padding-bottom: 100px;
}
.news-title{
    text-align: center;
    padding: 40px 0 20px 0;
    font-size:28px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(22,22,22,1);
}
.news-msg{
text-align: center;
font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;

color:rgba(170,170,170,1);
span{
    display: inline-block;
    padding: 0 10px;
}
i{
    margin-right: 10px;
}
}
.news-content{
    border-top: 1px solid rgba(235,235,235,1);
}
.news-link{
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 80px 0;
    span{
       font-size:22px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(85,85,85,1); 
cursor: pointer;
    }
    span:hover{
       color:rgba(28,162,167,1) !important; 
    }
}
</style>